<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:p="http://primefaces.org/ui"
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title"> WORKSPACE: Listar Usuario</ui:define>
	<ui:define name="contenido" >
	<f:view>
		<h:form id="myform" prependId="false">
		<p:growl id="growl" showDetail="true"/>
				<table style="width:100%">
				<tr><td align="center">
				<p:commandButton value="Editar" action="#{usuarioController.editarUsuario}"/><p:spacer width="10px"/>
				<p:commandButton value="Activar/Bloquear" actionListener="#{usuarioController.activarBloquearUsuario}" 
				update="dtUsuarios, growl"/><p:spacer width="10px"/>
				<p:commandButton value="Eliminar" actionListener="#{usuarioController.eliminarUsuario}" update="dtUsuarios, growl"/>
				</td></tr>
				</table>
				<p:dataTable id="dtUsuarios" var="usuario" value="#{usuarioController.listUsuarios}"  
				                 paginator="true" rows="10"  
				                 selectionMode="single" selection="#{usuarioController.usuarioSeleccionado}" rowKey="#{usuario.idUsuario}"
				                 paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				                 >
				        <p:column headerText="Apellidos">
				            <h:outputText value="#{usuario.apePatUsuario} #{usuario.apeMatUsuario}" />
				        </p:column>
				        
				        <p:column headerText="Nombres">
				            <h:outputText value="#{usuario.nomUsuario}" />
				        </p:column>

				        <p:column headerText="Alias">
				            <h:outputText value="#{usuario.nickUsuario}" />
				        </p:column>
				  
				        <p:column headerText="Password">
				            <h:outputText value="#{usuario.pswUsuario}" />
				        </p:column>
				        <p:column headerText="Estado">
				            <h:outputText value="#{usuario.estadoUsuario}" />
				        </p:column>
				        <p:column headerText="Grupos">
				        	<p:dataList value="#{usuario.grupos}" var="grup">
				        	#{grup.nomGrupo}
				        	</p:dataList>
				        </p:column>
				</p:dataTable>
 		</h:form>
 		</f:view>
	</ui:define>
</ui:composition>